<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Doctor Availability Form Flat Responsive Widget Template :: w3layouts</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="keywords"
          content="Doctor Availability Form Bootstrap Responsive Templates, Iphone Compatible Templates, Smartphone Compatible Templates, Ipad Compatible Templates, Flat Responsive Templates"/>
    <link rel="stylesheet" th:href="@{/css/exam/update/jquery-ui.css}" type="text/css" media="all">
    <link th:href="@{/css/exam/update/wickedpicker.css}" rel="stylesheet" type='text/css' media="all"/>
    <link th:href="@{/css/exam/update/style.css}" rel='stylesheet' type='text/css'/>
    <!--webfonts-->
    <link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">
    <!--//webfonts-->
    <script th:src="@{/webjars/jquery/3.5.1/jquery.min.js}" type="text/javascript"></script>

</head>
<body>
<h1> Doctor Availability Form</h1>
<div class="containerw3layouts-agileits">
    <div class="w3layoutscontactagileits">

        <div id="wrapper">
            <form th:action="@{${#request.getRequestURI()}}" method="post">
                <div id="login" class="animate w3layouts agileits form">
                    <div class="ferry ferry-from" th:switch="${#request.getRequestURI()}">
                        <input id="qid" th:case="'/exam/update'" type="text" name="qid" placeholder="title" hidden="hidden" th:value="${question.qid}">
                    </div>
                    <div class="ferry ferry-from">
                        <label>title</label>
                        <input id="title" type="text" name="title" placeholder="title" >
                    </div>
                    <div class="ferry ferry-from">
                        <label>qInfo</label>
                        <textarea id="message" name="qInfo" placeholder="Question Info"
                                  title="Please enter Your Queries"></textarea>
                    </div>
                    <div class="ferry ferry-from">
                        <label>caseIn</label>
                        <input id="caseIn" type="text" name="caseIn" placeholder="caseIn" >
                    </div>
                    <div class="ferry ferry-from">
                        <label>caseOut</label>
                        <input id="caseOut" type="text" name="caseOut" placeholder="caseOut" >
                    </div>
                    <div class="ferry ferry-from">
                        <label>testNum</label>
                        <select name="testNum" id="testNum">
                            <option value="0">0</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                        </select>
                    </div>

                    <div class="ferry ferry-from" id="in1">
                        <label>in1</label>
                        <input type="text" name="in1" placeholder="in1" >
                    </div>
                    <div class="ferry ferry-from" id="out1">
                        <label>out1</label>
                        <input type="text" name="out1" placeholder="out1" >
                    </div>
                    <div class="ferry ferry-from" id="in2">
                        <label>in2</label>
                        <input type="text" name="in2" placeholder="in2" >
                    </div>
                    <div class="ferry ferry-from" id="out2">
                        <label>out2</label>
                        <input type="text" name="out2" placeholder="out2" >
                    </div>
                    <div class="ferry ferry-from" id="in3">
                        <label>in3</label>
                        <input type="text" name="in3" placeholder="in3" >
                    </div>
                    <div class="ferry ferry-from" id="out3">
                        <label>out3</label>
                        <input type="text" name="out3" placeholder="out3" >
                    </div>

                    <div class="wthreesubmitaits">
                        <input type="submit" name="submit" value="Check Availability">
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="w3lsfooteragileits">
    <p> &copy; 2018 Doctor Availability Form. All Rights Reserved | Design by <a href="http://w3layouts.com"
                                                                                 target="=_blank">W3layouts</a></p>
</div>
<!-- Necessary-JavaScript-Files-&-Links -->
<!-- Date-Picker-JavaScript -->
<script th:src="@{/js/exam/update/jquery-ui.js}"></script>
<script th:src="@{/js/exam/update/wickedpicker.js}"></script>
<script th:src="@{/js/exam/update/test-num.js}"></script>

<script type="text/javascript">
    $(function () {
        $("#datepicker,#datepicker1,#datepicker2").datepicker();
    });
</script>

<script type="text/javascript">
    $('.timepicker').wickedpicker({twentyFour: false});
</script>

<!-- //Date-Picker-JavaScript -->
<!-- //Necessary-JavaScript-Files-&-Links -->


</body>
</html>